﻿<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>数据列表</title>
	<meta charset="utf-8" />
    <link href="https://cdn.bootcss.com/bootstrap/4.1.1/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/angular.js/1.7.0/angular.min.js"></script>
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>
<body  ng-app="myApp" ng-controller="Ctl">
    <table class="table table-striped table-dark table-hover table-responsive">
        <thead><tr><th>Index</th><th>Name</th></tr></thead>
        <tbody><tr ng-repeat="r in rows"><td>{{r.Index}}</td><td>{{r.Name}}</td></tr></tbody>
    </table>
    <script type="text/javascript">
        function myFunction($scope) {
            var data = [];
            for (var i = 0; i < 100; i++) {
                data.push({
                    Index: i,
                    Name: i.toString()
                });
            }
            $scope.rows = data;
        };
        angular.module("myApp",[]).controller("Ctl", myFunction)
    </script>
</body>
</html>
